<template>
  <div class="container">
    <CoolImageUpload />
    <el-button @click="test">测试</el-button>
    <div class="public-button" style="width: 200px" @click="test">测试</div>
    <div class="formInput">
      <input type="text" placeholder="请输入" />
    </div>
    <radio v-model="radioValue" :radioList="radioList" />
    <dropdown v-model="dropdownValue" :options="dropdownList" />
    <CheckboxComponent v-model="checkboxValue" :checkboxList="checkboxList" />
  </div>
</template>

<script>
import CheckboxComponent from "@/components/form/checkbox.vue";

import CoolImageUpload from "@/components/upload/CoolImageUpload.vue";
import radio from "@/components/form/radio.vue";
import dropdown from "@/components/form/dropdown.vue";
export default {
  components: { CoolImageUpload, radio, dropdown, CheckboxComponent },
  data() {
    return {
      radioValue: "",
      checkboxValue: [],
      checkboxList: [
        {
          label: "新增",
          value: "1",
        },
        {
          label: "新增",
          value: "2",
        },
      ],
      radioList: [
        {
          label: "新增",
          value: "1",
        },
        {
          label: "新增",
          value: "2",
        },
      ],
      dropdownValue: "",
      dropdownList: [
        {
          label: "新增",
          value: "1",
        },
        {
          label: "新增",
          value: "2",
        },
      ],
    };
  },
  methods: {
    test() {
      this.$coolConfirm
        .confirm({
          title: "操作提示",
          message: "请联系管理员注册账号(管理员电话：400-115-9966)",
          confirmButtonText: "确认",
          cancelButtonText: "取消",
        })
        .then(() => {
          // 点击确认按钮后的操作
        })
        .catch(() => {
          // 点击取消按钮或关闭弹窗后的操作
        });
    },
  },
  created() {},
};
</script>

<style lang="less" scoped></style>
